<template>
  <div>
    <keep-alive>
      <router-view @clickBro="Playnext"></router-view>
    </keep-alive>
    <playBar
      v-show="songList.length > 0 && !showDetail"
      ref="playBar"
    ></playBar>
  </div>
</template>
<script>
import { mapGetters } from 'vuex'
import playBar from './components/PlayBar'
export default {
  data() {
    return {}
  },
  components: { playBar },
  computed: {
    ...mapGetters(['songList', 'showDetail'])
  },
  methods: {
    Playnext() {
      this.$refs.playBar.playNext()
    }
  }
}
</script>
